认识HTML网页的基本结构
Python,速成心法
敲代码,查资料,问度娘
练习,探索,总结,优化
HTML(HyperText Markup Language)是一种标记语言,用于创建网页结构和内容。HTML中的标记(也称为标签)定义了文本、图像和其他内容的显示方式,以及如何导航和交互。HTML的最新版本是HTML5,它引入了许多新功能,如视频和音频支持、画布绘图、本地存储、Web Workers和WebSocket等。这些功能使得HTML能够更好地满足现代Web应用程序的需求。
#01.HTML的基本结构包括,如<html>, <head>, <title>, <body>等。这些标记定义了文档的头部和尾部、页面标题、主体内容等。此外,HTML还提供了许多其他标记,用于创建标题、段落、列表、链接、图像、表格、表单等。
<!DOCTYPE html> #1.表明为html
<html>
<head> #2.头部元素
<meta charset="utf-8">
<title>我的Python代码微信公众号(:wdPython)</title>
</head>
<body> #3.(主体内容)可见的页面内容
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>
<!DOCTYPE html> 声明为 HTML5 文档
<html> 元素是 HTML 页面的根元素
<head> 元素包含了文档的(meta)数据,如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。
<title> 元素描述了文档的标题
<body> 元素包含了可见的页面内容
<h1> 元素定义一个大标题
<p> 元素定义一个段落
其他:在浏览器的页面,使用F12 按键,进入开发者工具模式,就可以看到每一个网页中元素构成对象了。
#02Html实例元素基础用法:
01标题(Heading)是通过<h1> - <h6> 标签来定义的。
<h1>这是一个标题</h1>
<h2>这是一个标题</h2>
<h3>这是一个标题</h3>
02段落是通过标<p> 标签来定义的。
<p>这是一个段落。</p>
<p>这是一个段落。</p>
03链接是通过 <a>标签 来定义的
<a href="https://www.baidu.com">点击打开百度地址</a>
04图像是通过 <img>标签 来定义的
<img id="s_lg_img" class="s_lg_img_gold_show" src="//www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" width="270" height="129" onerror="this.src='https://pss.bdstatic.com/static/superman/img/logo/bd_logo1-66368c33f8.png';this.onerror=null;" usemap="#mp" title="" cursor="default">
完毕!!感谢您的收看
------------往期更多精彩内容------------
-------------------------------------------------
---------------Python源码集合---------------
Python源代码分享:05使用turtle模块绘制一个彩色螺旋图案